<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	
<ui:composition>
	<rich:spacer height="8" />

<style>
.viewsourcepanel {
	padding-bottom: 0px;
	width: 100%;
	overflow: auto;
	border-width: 0;
	background-color: #FFF;
}

.viewsourcebody {
	padding: 0;
}

.viewsourceheader {
	background-color: #E6F3F7;
	background-image: none;
	border-width: 0px;
	padding: 0px;
	height: 6px;
}

.viewsourcediv {
	padding: 0 10px 10px 3px;
}
</style>
 <f:subview >
	<div style="width: 483px" class="viewsourcediv">
	<rich:panel id="source1"
		bodyClass="viewsourcebody" headerClass="viewsourceheader"
		styleClass="viewsourcepanel">
		<div style="width: 1000px;">
		<rich:panelBar style="height:auto;border-bottom:none;width: 2000px">
		<!-- Bang du lieu -->
		<h:form>
				<h:dataTable id="list" value="#{f3_9FuncInfo.members}" var="item" 
							columnClasses="column" headerClass="TableHeader" rowClasses="ROW1,ROW2" footerClass="TableFooter" 
				       style="width:100%; margin-left:0px;margin-top: 1px" cellspacing="1px;" rows="20">
					<h:column>
						<f:facet name="header">
							<h:outputText value="STT"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.stt}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Giới tính"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.gioiTinh}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Họ và tên"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.ten}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Năm sinh"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.namSinh}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Quốc tịch"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.quocTich}"></h:outputText>
					</h:column>
					<!-- bo qua phan hinh cua thanh vien -->
					<h:column>
						<f:facet name="header">
							<h:outputText value="Số Hộ chiếu"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.soHoChieu}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Nghề nghiệp"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.ngheNghiep}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Địa điểm"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.diaDiem}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="TG vào làm việc"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.tgLamViec}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Lĩnh vực/Mục đích"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.linhVucMucDich}"></h:outputText>
					</h:column>
				</h:dataTable>
				<h:outputText value="Tổng số người: " style="color:red; font-size: 13px;"></h:outputText>
				<h:outputText value="#{f3_9FuncInfo.numOfMembers}" style="color:red;font-size: 13px;font-weight: bold;"></h:outputText>
					<!-- phan trang -->
					<rich:datascroller align="left"  for="list" maxPages="5" />
					<!-- ket thuc phan trang -->
			</h:form>
		<!-- Ket thuc bang du lieu -->
		</rich:panelBar>
		</div>
	</rich:panel>
	</div>
</f:subview>	
</ui:composition>
</html>

